<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>aaadasfdsaf</p>
    <p>gfhfjhfj</p>
    <p>fshsfdhgs</p>
    <p></p>
    <p><span></span></p>
    <p><span></span></p>
    <p><i><span></span></i></p>
</body>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
  <script>
    //:contains(text)		获取包含指定文本内容的元素
    $("p:contains(aaa)").css("color", "red");
    $("p:contains(h)").css("color", "red");
    //:empty			获取不包含子元素或文本内容的元素
    $("p:empty").html("新内容");
    //:has(selector)		获取含有select（选择器）所匹配的元素
    $("p:has(span)").html("aaaaaa");
    //:parent			获取含有子元素或文本的元素
    //$('p:parent').html("新内容")
  </script>
</html>
